<#import "/layout.html" as c>
    <@c.html title="Index">

    <style type="text/css">
        .mytable {
            color: #333;
            width: 96%;
            margin: 10px;
        }

        .mytable input {
            width: 120px;
            height: auto;
        }

        .mytable .lable {
            text-align: right;
            width: 100px;
            background: #eee;
        }

        .btn {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .mytable td {
            padding: 5px;
            width: 15%;
            vertical-align:middle;

        }

        .mytable button {
            float: right;
        }

        tbody {
            padding: 1px;
        }

        select {
            min-width: 120px;
            padding: 3px 8px;
            color: #666;
            border-radius: 5px;
            outline: none;
        }
    </style>

    <!-- 开始页面内容 -->
    <div id="content" class="content">

        <!-- 开始面包屑导航 -->
        <ol class="breadcrumb pull-right">
            <li><a href="javascript:;">首页</a></li>
            <#list menuState.breadCrumbList as breadCrumb>
                <li class="">${breadCrumb}</li>
            </#list>
        </ol>
        <!-- 结束面包屑导航 -->

        <!-- 开始页头区域 -->
        <h1 class="page-header">投资人
            <small class="m-l-10">投资人详细信息</small>
        </h1>
        <!-- 结束页头区域 -->


        <input id="inverstorId" type="hidden" value="${investor.id!}">
        <input id="userId" type="hidden" value="${investor.userId!}">
        <!-- 基本信息 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">基本信息</h4>
                    </div>
                    <div class="panel-body">
                        <div style="position: relative;">

                            <table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"
                                   class="mytable">
                                <tbody>
                                <tr>
                                    <td class="lable">用户名</td>
                                    <td>${user.userName!""}</td>
                                    <td class="lable">真实姓名</td>
                                    <td>${user.realName!""}</td>
                                    <td class="lable">身份证号</td>
                                    <td><td>${user.idCard!""}</td></td>
                                    <td class="lable">状态</td>
                                    <td><#if investor.status == 1>正常<#else>冻结</#if></td>
                                </tr>
                                <tr>
                                    <td class="lable">履约保证金</td>
                                    <td>${account.available!"0.00"}</td>
                                    <td class="lable">保证金总存入</td>
                                    <td>0</td>
                                    <td class="lable">保证金总提款</td>
                                    <td>0</td>
                                </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

        <!-- 银行卡信息 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">银行卡信息</h4>
                    </div>
                    <div class="panel-body">
                        <div id="dtGridContainerBank" class="dt-grid-container"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

        <!-- 绑定后台管理员信息 begin row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-inverse" data-no-drag="true">
                    <div class="panel-heading">
                        <div class="panel-heading-btn"></div>
                        <h4 class="panel-title">绑定后台管理员信息</h4>
                    </div>
                    <div class="panel-body">
                        <div id="dtGridContainerAdmin" class="dt-grid-container"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

    </div>
</@c.html>

<!-- ================== 开始页面级JavaScrip调用 ================== -->
<script src="${pluginsRoot}bootstrap-wizard/js/bwizard.js"></script>
<!-- 表单checkbox项 -->
<script src="${pluginsRoot}bootstrap-switch/bootstrap-switch.min.js"></script>
<!-- 日历控件 -->
<script src="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/WdatePicker.js" defer="defer"></script>
<script src="${jsRoot}investor/detail.handle.js"></script>